<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition>

        <p:dialog id="UsuarioEditDlg" widgetVar="UsuarioEditDialog"  showEffect="slide" hideEffect="clip" modal="true" resizable="false"  appendTo="@(body)" closeOnEscape="">
            <f:facet name="header">Editar&nbsp;</f:facet>
            <h:form id="UsuarioEditForm">
                <h:panelGroup id="display">
                    <div class="panel panel-info" style="">
                    <div class="panel-heading">
                        <h3 class="panel-title" style="font-weight: bolder;text-transform: capitalize">#{usuarioController.selected.nombre} #{usuarioController.selected.apellido} &nbsp;<span class="glyphicon glyphicon-pencil"></span></h3>
                 </div>
                        
                        
                        
                        <div class="panel-body">
                            
                          <div class="row">   
                              <div class="col-md-3 col-lg-3 " align="center">
                                  
                                  <img alt="User Pic" src="#{request.contextPath}/resources/img/photo.png" class="img-circle"/>
                   
                              </div>
                              <div class=" col-md-9 col-lg-9 "> 
                        <h:panelGrid columns="2" cellspacing="5" rendered="#{usuarioController.selected != null}">
                    
            
                        <p:outputLabel value="Usuario" for="usuario" />
                        <p:inputText id="usuario" value="#{usuarioController.selected.username}" title="Usuario" required="true" requiredMessage="Ingrese un usuario"/>
                       
                        
                      <p:outputLabel value="Nombre" for="nombreUsuario" />
                      <p:inputText id="nombreUsuario" value="#{usuarioController.selected.nombre}" title="Nombre" required="true" requiredMessage="Ingrese un nombre"/>
                      
                      <p:outputLabel value="Apellido" for="apellidoUsuario" />
                      <p:inputText id="apellidoUsuario" value="#{usuarioController.selected.apellido}" title="Apellido" required="true" requiredMessage="Ingrese un apellido"/>
                     
                      <p:outputLabel value="Password" for="password" />
                      <h:inputText id="password" disabled="true"  value="#{usuarioController.selected.pass}" title="Password" required="true" requiredMessage="Ingrese un password"/>
                      
                     <p:outputLabel value="Nuevo password" for="newPassword" />
                     <p:password id="newPassword" value="#{usuarioController.newPass}" match="dvPassword" maxlength="8"/>
                     
                     <p:outputLabel value="Confirme password" for="dvPassword" />
                     <p:password id="dvPassword" value="#{usuarioController.dvPass}" />
                     
                     
                       <p:outputLabel value="Rol" for="idRol" />
                       <p:selectOneMenu id="idRol"
                                        value="#{usuarioController.selected.idRol}" 
                                        required="true" requiredMessage="Debe seleccionar un rol para el usuario!" 
                                        style="width: 164px; text-transform: capitalize;"
                                        converter="rolConverter">
                            <f:selectItem itemLabel="Seleccionar..."/>
                            <f:selectItems value="#{rolController.items}"
                                           var="idRolItem"
                                           itemValue="#{idRolItem}"
                                           itemLabel="#{idRolItem.descripcion.toString()}"
                                           />

                        </p:selectOneMenu>
                       
                       
                       
                       
                    
                    </h:panelGrid>
                              </div>
                          </div>   
                              
                        </div>
                        <div class="panel-footer">
                            <p:commandLink style="font-size:" styleClass="btn btn-primary sombra" actionListener="#" update="display,:UsuarioListForm:datalist,:growl" oncomplete="handleSubmit(args,UsuarioEditDialog);">
                       Actualizar
                    </p:commandLink>
                            <p:commandLink  styleClass="btn btn-danger sombra"  onclick="UsuarioEditDialog.hide()" style="float: right;font-size: ">
                                
                                <span class="glyphicon glyphicon-remove colorBlanco"></span>
                            </p:commandLink>
                    </div>
                    </div>
                </h:panelGroup>
                
            </h:form>
        </p:dialog>
       <script src="#{request.contextPath}/resources/js/jsfcrud.js"></script>
    </ui:composition>

</html>




